<script setup lang="ts">
import { reactive, inject } from 'vue';
import {myStore} from '@/store/my'

const { closeServiceType } = inject('popup') as any

const store = myStore()

const state = reactive({
    value: []
})
</script>

<template>
    <van-nav-bar title="服务类型" left-arrow @click-left="closeServiceType('')" />
    <van-checkbox-group v-model="state.value">
        <van-checkbox :name="item" shape="square" v-for="(item, index) in store.jobsType"
            :key="index">{{ item }}</van-checkbox>
    </van-checkbox-group>
    <button class="wy-submit" @click="closeServiceType(state.value)">保存</button>
</template>

<style scoped>
  .van-checkbox-group{
    display: flex;
    justify-content: space-around;
    margin-top: 1rem;
  }
</style>